<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>{$setting.webname}-校园生活</title>
    <link rel="shortcut icon" href="/public/static/admin/uploads/set/{$setting['ico']}">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>

    <link type="text/css" rel="stylesheet" href="/public/static/home/themes/css/base.css">
    <link type="text/css" rel="stylesheet" href="/public/static/home/themes/css/home.css">
    <link href="/public/static/admin/js/plugins/fancybox/jquery.fancybox.css" rel="stylesheet">
    <script type="text/javascript" src="/public/static/home/themes/js/jquery.min.js"></script>
    <script type="text/javascript" src="/public/static/home/themes/js/slider.js"></script>
    <script type="text/javascript" src="/public/static/home/themes/js/tab.js"></script>
    <link href="/public/static/admin/css/plugins/blueimp/css/blueimp-gallery.min.css" rel="stylesheet">
    <style>
        .img{
            display: flex;
            flex-direction: row;
        }
        .noneimg{
            line-height: 30px;
            text-align: center;
            font-size:14px
        }
    </style>
</head>
<body>

<section class="aui-flexView">
    <header class="aui-navBar aui-navBar-fixed b-line">
        <a href="javascript:history.back(-1)" class="aui-navBar-item">
            <i class="icon icon-return"></i>
        </a>
        <div class="aui-center">
            <span class="aui-center-title">{$videotype_name.name}</span>
        </div>
        <a href="javascript:;" class="aui-navBar-item">
            <i class="icon icon-sys"></i>
        </a>
    </header>
    <section class="aui-scrollView">
        <div class="lightBoxGallery" style="display: flex;flex-wrap: wrap;align-content: flex-start">
            {if condition="!empty($video)"}
            {foreach $video as $vs}
                    <a href="{$vs.video_cover}" title="{$vs.title}" data-gallery="" style="margin:3px;">
                     <div style="border-radius: 3px;width: 90px;height: 90px;background-position:center;background-size:auto 100%;background-image:url('{$vs.video_cover}');background-repeat: no-repeat;background-color:#f0f0f0;"></div>
                    </a>
            {/foreach}
            {else /}
            <div class="noneimg">暂无照片</div>
            {/if}
            <div id="blueimp-gallery" class="blueimp-gallery">
                <div class="slides"></div>
                <h3 class="title"></h3>
                <a class="prev">‹</a>
                <a class="next">›</a>
                <a class="close">×</a>
                <a class="play-pause"></a>
                <ol class="indicator"></ol>
            </div>
        </div>
    </section>
    {include file="public/footer"}
</section>

<!-- blueimp gallery -->
<script src="/public/static/admin/js/plugins/blueimp/jquery.blueimp-gallery.min.js"></script>
</body>
</html>